<template>
	<view class="loading" v-if="loadiShow"
		style="position: absolute; top: 0; width: 100%;height: 100%;z-index: 999; background-color: rgba(0, 0, 0, .2);">
		<view class="nei"
			style="border-radius: 15px; background-color: rgba(0, 0, 0, .5); width: 200rpx;height: 200rpx; position: absolute; top: 0; bottom: 0; right: 0;left: 0;margin: auto;">
			<u-loading-icon :vertical="true" :show="loadiShow" :text="loadingText"></u-loading-icon>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				// loadingtext:this.loadingText,
				loadiShow:true,
			}
		},
		props:{
			loadingText:{
					type:String,
					require:false,
					default:'加载中...'
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	/deep/ .u-loading-icon {
		// position: absolute;
		// top: 0;
		// bottom: 0;
		// right: 0;
		// left: 0;
		// margin: auto;
		height: 100%;
	}
</style>